﻿@model FlyingCircusWebIS.ViewModels.AeroportoVM.AeroportoFormVM

@section css{
    @Styles.Render("~/Content/css/formulario")
}

<div id="outraspg">
    @{
        if (Model.Edicao)
        {
            ViewBag.Title = "Editar Aeroporto";
        <h1>Edite os dados do aeroporto</h1>
        }
        else
        {
            ViewBag.Title = "Cadastrar Aeroporto";
        <h1>Informe os dados do aeroporto</h1>
        }
    }

    @using (Html.BeginForm(FormMethod.Post))
    {               
        @Html.ValidationSummary(true)
        <div class="conteudodivs">

            @Html.HiddenFor(m => m.Edicao)
            @Html.HiddenFor(m => m.IdAeroporto)
            <dl>
                <dd>
                    @Html.LabelFor(m => m.NomeAeroporto)
                    @Html.TextBoxFor(m => m.NomeAeroporto, new { @class = "nome" })<br />
                    @Html.ValidationMessageFor(m => m.NomeAeroporto)
                </dd>
                <dd class="classdd">
                    @Html.LabelFor(m => m.Latitude)
                    @Html.TextBoxFor(m => m.Latitude, new { @class = "textCoodenada" })<br />
                    @Html.ValidationMessageFor(m => m.Latitude)
                </dd>
                <dd class="ddparalela">
                    @Html.LabelFor(m => m.Longitude)
                    @Html.TextBoxFor(m => m.Longitude, new { @class = "textCoodenada" })<br />
                    @Html.ValidationMessageFor(m => m.Longitude)
                </dd>
            </dl>
            <dl>
                <dd class="classdd">
                    @Html.LabelFor(m => m.UF)
                    @Html.DropDownListFor(m => m.UF, Model.ItensUF, new { id = "dropUF" })<br />
                    @Html.ValidationMessageFor(m => m.UF)
                </dd>
                <dd class="ddparalela">
                    @Html.LabelFor(m => m.IdCidade)
                    @Html.DropDownListFor(m => m.IdCidade, Model.ItensCidades, new { id = "dropCidades" })<br />
                    @Html.ValidationMessageFor(m => m.IdCidade)
                </dd>
            </dl>
        </div>
        <div class="espacodasinfos">
            <input class="enviar" type="submit" value="Salvar" />
        </div>
    }
    <div class="voltar">
        @Html.ActionLink("Voltar", "Index")
    </div>
</div>



@section scripts 
{
    <script type="text/javascript">

        $(document).ready(function () {

            ConfiguraEventoSelecaoComboEstados();
            ConfiguraMascaras();

        });

        function ConfiguraMascaras() {
            $(".textCoodenada").mask("N0999.099999", { reverse: false, translation: { 'N': { pattern: /[-]/, optional: true } } });
        }

        function ConfiguraEventoSelecaoComboEstados() {
            $("#dropUF").change(function () {

                var ufSelecionado = $(this).val()
                $.get('@Url.Action("BuscarItensCidades")', { uf: ufSelecionado }, function (data) {
                    PopulaComboCidades(data);
                });

            });
        }

        function PopulaComboCidades(data) {
            var dropdownCidades = $("#dropCidades");

            dropdownCidades.empty();
            for (var i = 0; i < data.length; i++) {
                var option = $("<option />").val(data[i].Value).text(data[i].Text);
                dropdownCidades.append(option);
            }
        }

        $(document).ready(function () {
            $(".gerenciar").toggleClass("current");
        });

    </script>
}

